/* @import './base.css'; */
@import './message.css';
@import './button.css';
@import './animation.css';
@import './iconfont.css';

* {
  padding: 0;
  margin: 0;
}

:root {
  --color-theme: #f66962;
  --color-background: rgb(0, 0, 0, 0.03);
  --color-text-first: rgba(0, 0, 0, 1);
  --color-text-second: rgba(0, 0, 0, 0.8);
  --color-text-third: rgba(0, 0, 0, 0.5);
  --color-text-fourth: rgba(0, 0, 0, 0.3);
  --color-text-fifth: rgba(0, 0, 0, 0.1);
  --color-text-light-first: rgba(255, 255, 255, 1);
  --color-text-light-second: rgba(255, 255, 255, 0.8);
  --color-text-light-third: rgba(255, 255, 255, 0.5);
  --color-text-light-fourth: rgba(255, 255, 255, 0.3);
  --color-text-light-fifth: rgba(255, 255, 255, 0.1);
}

@media (prefers-color-scheme:dark) {
  :root {
    --color-theme: skyblue;
    --color-background: rgb(55, 55, 55);
    --color-text-first: rgba(255, 255, 255, 1);
    --color-text-second: rgba(255, 255, 255, 0.8);
    --color-text-third: rgba(255, 255, 255, 0.5);
    --color-text--fourth: rgba(255, 255, 255, 0.3);
    --color-text--fifth: rgba(255, 255, 255, 0.1);
    --color-text-light-first: rgba(0, 0, 0, 1);
    --color-text-light-second: rgba(0, 0, 0, 0.8);
    --color-text-light-third: rgba(0, 0, 0, 0.5);
    --color-text-light-fourth: rgba(0, 0, 0, 0.3);
    --color-text-light-fifth: rgba(0, 0, 0, 0.1);
  }
}

html {
  background-color: var(--color-text-fifth);
}

input {
  background-color: transparent;
  color: var(--color-text-second);
  border: 0;
  border-bottom: .1em solid var(--color-text-third);
  font-weight: 500;
  padding: .3em .5em;
  outline: none;
  transition: all .3s;
  white-space: nowrap;
}

.box {
  border-radius: .5em;
  background-color: var(--color-text-light-first);
  box-shadow: 5px 5px 15px 5px var(--color-text-fifth);
}

::-webkit-scrollbar {
  background-color: rgba(0,0,0,0);
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background: var(--color-text-fifth);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-fourth);
}